@import 'uview-ui/theme.scss';
/* 页面左右间距 */
$page-row-spacing: 30upx;
$page-color-base: #f8f8f8;
$page-color-light: #f8f6fc;
$page-bg-color: #F5f5f5;
$base-color: #4399fc;

/* 文字尺寸 */
$font-sm: 24upx;
$font-base: 28upx;
$font-lg: 32upx;
/*文字颜色*/
$font-color-dark: #303133;
$font-color-base: #606266;
$font-color-light: #909399;
$font-color-disabled: #C0C4CC;
$font-color-spec: #4399fc;
/* 边框颜色 */
$border-color-dark: #DCDFE6;
$border-color-base: #E4E7ED;
$border-color-light: #EBEEF5;
$border-color-focus: #4399fc;
/* 图片加载中颜色 */
$image-bg-color: #eee;
/* 行为相关颜色 */
$uni-color-primary:#4399fc;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

/* 服务价格颜色 */
$price-color:#ff4133;


/* #ifdef H5 */
uni-page-head
{
	display: none;
}
/* #endif */


/* 图片载入替代方案 */
.image-wrapper {
	font-size: 0;
	background: #f3f3f3;
	border-radius: 4px;

	image {
		width: 100%;
		height: 100%;
		transition: .6s;
		opacity: 0;

		&.loaded {
			opacity: 1;
		}
	}
}
// 图片上面的标签
.image-tag{
	position:absolute;
	top:0;
	left:0;
	width:40upx;
	height:40upx;
}
// 商品金额划线价
.list-price{
	color: $font-color-light;
	padding: 5upx;
	text-decoration: line-through;
	font-size:$font-sm;
}
/* 通用按钮样式 */
.button-base{
	border-radius: 100px;
	background: $uni-color-primary;
	color: #fff;
	padding: 16upx 20upx;
	text-align: center;
	&:hover{
		opacity: 0.5;
	}
}
.button-base-outline{
	border-radius: 100px;
	background: transparent;
	border: 1px solid $uni-color-primary;
	color: $base-color;
	padding: 16upx 20upx;
	text-align: center;
	&:hover{
		background: $uni-color-primary;
		opacity: 0.5;
		color: #fff;
		border:none;
	}
}
.button-orange{
	border-radius: 100px;
	background: $uni-color-warning;
	color: #fff;
	padding: 16upx 20upx;
	text-align: center;
	&:hover{
		opacity: 0.5;
	}
}
.button-orange-outline{
	border-radius: 100px;
	background: transparent;
	border: 1px solid $uni-color-warning;
	color: $uni-color-warning;
	padding: 16upx 20upx;
	text-align: center;
	&:hover{
		background: $uni-color-warning;
		opacity: 0.5;
		color: #fff;
		border:none;
	}
}